﻿/* TreeList */
.RadTreeList_Metro .rtlREdit {
    background-color: #EDEDED!important;
}
.RadTreeList_Metro .rtlHeader a {
    color: #fff!important;
}
.RadTreeList .rtlEditForm .rtlHeader {
    background-color: #59780d!important;
    font-weight: normal!important;
    padding: 5px 7px 4px!important;
    text-align: left!important;
	color: #FFFFFF!important;
}
/* Grid */
.RadGrid_Metro .rgHeader a {
    color: #FFFFFF!important;
}
.RadGrid .rgSelectedRow
{
	background-color: #C6C6C6!important;
	border-color: #C6C6C6!important;
	color: #3A3A3A!important;
}
.RadGrid_Metro .rgSelectedRow td
{
	border-color: #C6C6C6!important;
}
.RadGrid_Metro .rgHeader
{
	color: #FFFFFF!important;
	background: #59780d!important;
	font: 10pt verdana!important;
}
	  
.RadGrid_Metro .rgRow td
{
	font-family: Verdana!important;
	font-size: 10pt!important;
}
.RadGrid_Metro .rgNumPart a.rgCurrentPage 
{
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0)!important;
	border-color: #59780D!important;
}

.RadGrid_Metro th.rgSorted {
    background-color: #59780D!important;
}

.RadGrid_Metro .rgActiveRow td.rgSorted, .RadGrid_Metro .rgSelectedRow td.rgSorted {
    border-color: #C6C6C6!important;
}
/* Window */

.RadWindow_Metro .rwControlButtons a 
{
    background-color: #59780D!important;
    border: 1px solid #59780D!important;
    height: 19px!important;
    width: 29px!important;
}
.RadWindow_Metro .rwTopLeft, .RadWindow_Metro .rwTopRight, .RadWindow_Metro .rwTitlebar, .RadWindow_Metro .rwTopResize 
{
	background: none repeat scroll 0 0 #59780D!important;
	color: #5E5E5E!important;
}

.RadWindow_Default .rwTable .rwTitlebarControls em
{
	color: #FFFFFF!important;
	background-color: #59780d!important;
}
.RadWindow .rwWindowContent .radalert .rwDialogText
{
	color: #5E5E5E!important;
	background-image: none!important;
}

.RadGrid_Metro .rgMasterTable .rgActiveCell, .RadGrid_Metro .rgActiveRow
{
	background:none;
}
.RadWindow .rwWindowContent .radalert 
{
	background-image: none!important;
}
	
.RadWindow .rwWindowContent a.rwPopupButton{
    background-color: #5e5e5e!important;
    border: 1px solid #5e5e5e!important;
    color: #FFFFFF!important;
    font-family: Verdana!important;
    font-size: 10pt!important;
    
}

.RadWindow .rwWindowContent a.rwPopupButton:hover {
    background-color: #59780d!important;
    border: 1px solid #59780d!important;
    color: #FFFFFF!important;
    font-family: Verdana!important;
    font-size: 10pt!important;
    
}
.RadWindow .rwPopupButton, .RadWindow .rwPopupButton span 
{
    color: #FFFFFF!important;
}

.popup_tbl td
{
	margin:2px!important;
	padding:2px!important;
	font:10pt Verdana!important;
}
	
/* Button */

.RadButton .RadButton_Metro .rbSkinnedButton:hover, 
.RadButton_Metro .rbVerticalButton:hover, 
.RadButton_Metro:hover .rbDecorated {
    background-color: #475D0C!important;
    border: 0!important;
    color: #FFFFFF!important;
}

.RadButton_Metro.rbSkinnedButton, .RadButton_Metro.rbVerticalButton, .RadButton_Metro .rbDecorated
  { 
    background-color:#5e5e5e!important;
    color:#ffffff!important;
    text-align:center!important;
    font:10pt Verdana!important;
}

.RadButton_Metro.rbSkinnedButton:active, .RadButton_Metro.rbVerticalButton:active, .RadButton_Metro.rbSkinnedButton:active .rbDecorated, .RadButton_Metro.rbVerticalButton:active .rbDecorated, .RadButton_Metro.rbPressedButton.rbSkinnedButton, .RadButton_Metro.rbPressedButton .rbDecorated 
{
	background-color: #59780d!important;
	color: #FFFFFF!important;
	border: 1px solid #59780d!important;
	border-color: #59780d!important;
}
.RadButton_Metro.rbSkinnedButton:active, 
.RadButton_Metro.rbVerticalButton:active, 
.RadButton_Metro.rbSkinnedButton:active .rbDecorated, 
.RadButton_Metro.rbVerticalButton:active .rbDecorated, 
.RadButton_Metro.rbPressedButton.rbSkinnedButton, 
.RadButton_Metro.rbPressedButton .rbDecorated 
{
	background-color:#475D0C!important; color:#FFFFFF!important; border:1px solid #59780d!important;
}
  
.RadButton_Metro.rbSkinnedButton
{
	background-color: #C6C6C6!important;
	color: #FFFFFF!important;
	font-family: Verdana!important;
	font-size: 10pt!important;
}

/* Combobox */ 

.RadComboBox_Metro .rcbFocused .rcbReadOnly .rcbInputCell 
{
	background-color: #59780D!important;
	border-color: #59780D!important;
	color: #FFFFFF!important;
}  
.RadComboBoxDropDown_Metro
{
	color: #000000!important;
	font: 10pt Verdana!important;
        
}

.RadComboBox_Metro .rcbFocused .rcbInputCell
{
	background-color: #FFFFFF!important;
	border-color: #59780d!important;
	color: #3a3a3a!important;
	font:10pt Verdana!important;
}
.RadComboBox_Metro .rcbFocused .rcbInputCell
{
	background-color: #FFFFFF!important;
	border-color: #59780d!important;
	color: #3a3a3a!important;
}
.RadComboBox_Metro .rcbFocused .rcbArrowCell
{
	background-color: #59780d!important;
	border-color: #59780d!important;
	color: #FFFFFF!important;
}

.RadComboBoxDropDown_Metro 
{
	color: #000000!important;
	font: 10pt Verdana!important;
}


/* Textbox*/
.RadInput_Metro a
{
	background:url("../../DesktopModules/DanhMuc/DanhMucLoaiKhachHang/icons/WebResource.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
     
 .RadGrid_Metro .rgFilterBox {
    height: 22px!important;
}

.rgFilterRow .rcbInput  
{
    height: 22px!important;
}
.RadGrid .rgFilter
{
    height: 22px!important;
    width: 22px!important;
}
.rgFilterRow .rcbInput  
{
    height: 22px!important;
    line-height:22px!important;
}

/* TreeView */
	 
.RadTreeView .rtHover .rtIn, .RadTreeView .rtSelected .rtIn
{
	background-color: transparent!important;
	color: black!important;
	border-width: thin!important;
	border-color: #59780d!important;
	border-style: solid!important;
	width: 95%!important;
}

.RadTreeView_Metro .rtSelected .rtIn
{
	background-color: transparent!important;
	color: black!important;
	border-width: thin!important;
	border-color: #59780d!important;
	border-style: solid!important;
	width: 95%!important;
}

.RadTreeView_Metro.h
{
	background-color: transparent!important;
	color: black!important;
	border-width: thin!important;
	border-color: #59780d!important;
	border-style: solid!important;
	width: 95%!important;
}

.RadTreeView_Metro {
    background-color: #FFFFFF !important;
    border: medium none !important;
    font-family: Verdana !important;
    font-size: 10pt !important;
}

.RadTreeView_Metro .rtPlus, .RadTreeView_Metro .rtMinus
{
	background-image: url("/WebResource.axd?d=MOisT91lWfexpHbt3bj-tx83cgQZC-zEphAeUiXOhQhZWBGi-w6yXK89e7NxWcMv2EbHfr53fzyhbNn-9Fz9DEzgNFU-o11Dk882jmTBF8iBIbNuG2uXxp-US_gkoosLHqgeafii0LdBKxp-6rbJFVFdFMA1&t=635211444636766148");
}

.RadTreeView_Metro
{
	font-family: Verdana!important;
	font-size: 10pt!important;
}

/* toolbar*/
.RadToolBar .rtbIcon + .rtbText, x:-moz-any-link
{
	color: #354904!important;
	margin-top: 2px!important;
}
.RadToolBar_Metro .rtbSplBtnFocused .rtbWrap, .RadToolBar_Metro .rtbItemFocused .rtbWrap, .RadToolBar_Metro .rtbItemHovered .rtbWrap
{
	background-color: transparent!important;
	color: #354904!important;
	border-width: thin!important;
	border-color: #59780d!important;
	border-style: solid!important;
	width: 95%!important;
}

/*tabStrip*/
.RadTabStripTop_Metro .rtsLevel1 .rtsLink:hover
{
	border-top: 0 none!important;
	border-left: 0 none!important;
	border-right: 0 none!important;
	border-bottom-color: #59780d!important;
	color: #354904!important;
}

.RadTabStripTop_Metro .rtsLevel1 .rtsLink
{
	border-top: 0 none!important;
	border-left: 0 none!important;
	border-right: 0 none!important;
	border-bottom: solid!important;
	border-bottom-color: #727272!important;
	color: #354904!important;
}

.RadTabStrip_Metro .rtsLevel1 .rtsSelected
{
	border-top: 0 none!important;
	border-left: 0 none!important;
	border-right: 0 none!important;
	border-bottom: solid!important;
	border-bottom-color: #59780d!important;
	color: #354904;
}

.RadTabStrip_Metro .rtsLevel .rtsOut, .RadTabStrip_Metro .rtsLevel .rtsIn, .RadTabStrip_Metro .rtsLevel .rtsTxt
{
	color: #000000!important;
	padding: 0!important;
}

.RadTabStrip_Metro .rtsLink
{
	color: #767676!important;
	font: 14px/22px "Segoe UI",Arial,sans-serif!important;
	text-transform: none!important;
}

.RadTabStripTop_Metro .rtsLevel1
{
	background-color: #FFFFFF!important;
}

.RadTabStrip_Metro .rtsLevel1 .rtsUL
{
	background-color: #FFFFFF!important;
}

 /* Html */
.vicrm_fieldset
{
	margin:10px!important;
}
   
html body .RadInput_Metro .riFocused, html body .RadInput_Focused_Metro
{
   border-color:#59780d!important;
}

/* calendar */
.dayStyle {
    font-family: Tahoma!important;
    border-color: #FFFFFF #D9D9D9 #D9D9D9!important;
    border-style: solid!important;
    border-width: 1px 1px 1px 0!important;
    margin-top: 5px!important;
    color: #787878!important;
    background-image: url('../Images/grd_calendar.jpg');
    height: 28px;
}

.selectorStyle {
    font-family: Tahoma;
    color: #FFFFFF !important;
    border-width: 1px !important;
    border-color: #477b88 !important;
    background-image: url('../Images/calendarselected.jpg') !important;
}

.dayHeaderStyle {
    background-image: url('../Images/grd_calendar.jpg');
    font-family: Tahoma!important;
    border-bottom-style: solid!important;
    border-bottom-width: thin!important;
    border-bottom-color: #C0C0C0!important;
}
/* RadComboBoxDropDown */
 .RadComboBoxDropDown_Metro .rcbHovered {
    background: none repeat scroll 0 0 #C6C6C6!important;
    color: #000000!important;
}
.RadDropDownTree_Metro .rddtFocused {
    background-color: #FFFFFF!important;
    border-color: #59780D!important;
    color: #000000!important;
}
.RadDropDownTree_Metro .rddtFocused {
    background-color: #25A0DA!important;
    border-color: #25A0DA!important;
    color: #FFFFFF!important;
}
.RadDropDownTree_Metro .rddtInner {
    background-color: #F9F9F9!important;
    border-color: #CDCDCD!important;
    color: #000000!important;
}
.RadDropDownTree .rddtFocused {
   background-color: #FFFFFF!important;
    border-color: #59780D!important;
    color: #000000!important;

}
.RadDropDownTree .rddtInner {
    border: 1px thin #767676!important;
    display: block!important;
    height: 16px!important;
    overflow: hidden!important;
    padding: 2px 22px 2px 5px!important;
    position: relative!important;
    background-color: #FFFFFF!important;
}
/* RadPanelBar */

.RadPanelBar_Default
{
	background: #fff;
}

.RadPanelBar_Default .rpRootGroup
{
	border-color: #828282;
}

.RadPanelBar_Default a.rpLink,
.RadPanelBar_Default div.rpHeaderTemplate,
.RadPanelBar_Default .rpTemplate
{
	color: #fff;
	font: normal 12px/24px "Segoe UI", Arial, sans-serif;
}

.RadPanelBar_Default div.rpHeaderTemplate,
.RadPanelBar_Default a.rpLink
{
	background-color: #fdfdfd;
	
	border-color: #ebebeb;
}

.RadPanelBar_Default .rpOut
{
	border-color: #ebebeb;
         background-color:#59780D
}

.RadPanelBar_Default a.rpFocused,
.RadPanelBar_Default a.rpExpanded,
.RadPanelBar_Default a.rpSelected,
.RadPanelBar_Default div.rpFocused,
.RadPanelBar_Default div.rpExpanded,
.RadPanelBar_Default div.rpSelected,
.RadPanelBar_Default a.rpSelected:hover
{
	background-color: #fdfdfd;
	border-color: #ffffff;
}

/* <disabled items> */
.RadPanelBar_Default a.rpDisabled,
.RadPanelBar_Default div.rpDisabled,
.RadPanelBar_Default a.rpDisabled:hover
{
	color: #bbb;
}
/* </disabled items> */

/* <subitems> */
.RadPanelBar_Default .rpGroup
{
	background-color: #fff;
}

.RadPanelBar_Default .rpGroup a.rpLink,
.RadPanelBar_Default .rpGroup div.rpHeaderTemplate,
.RadPanelBar_Default .rpGroup .rpTemplate
{
	color: #000;
	background-image: none;
	background-color: transparent;
}

.RadPanelBar_Default .rpGroup a.rpLink:hover
{
	color: #000;
}

.RadPanelBar_Default .rpGroup a.rpLink,
.RadPanelBar_Default .rpGroup a.rpLink .rpOut
{		
	background-color: transparent;
	background-image: url('PanelBar/SubItemStates.png');
	background-repeat: no-repeat;
}

.RadPanelBar_Default .rpGroup a.rpSelected,
.RadPanelBar_Default .rpGroup a.rpSelected:hover
{
	color: #fff;
}

/* <subitems (disabled)> */
.RadPanelBar_Default ul.rpGroup .rpDisabled,
.RadPanelBar_Default .rpGroup a.rpDisabled:hover,
.RadPanelBar_Default .rpGroup a.rpDisabled .rpOut
{
	background-image: none;
}

.RadPanelBar_Default ul.rpGroup .rpDisabled,
.RadPanelBar_Default .rpGroup a.rpDisabled:hover
{
	color: #bbb;
	background-color: #fff;
}
/* <subitems (disabled)> */

/* </subitems> */


/* <background positioning> */
.RadPanelBar_Default a.rpLink,
.RadPanelBar_Default div.rpHeaderTemplate,
.RadPanelBar_Default a.rpExpanded,
.RadPanelBar_Default div.rpExpanded,
.RadPanelBar_Default .rpItem a.rpLinkExpandHovered
{
	background-position: 0 0;
}

.RadPanelBar_Default a.rpFocused,
.RadPanelBar_Default div.rpFocused,
.RadPanelBar_Default a.rpLink:hover,
.RadPanelBar_Default a.rpExpanded:hover
{
	background-position: 0 -200px;
}

.RadPanelBar_Default a.rpSelected,
.RadPanelBar_Default div.rpSelected,
.RadPanelBar_Default a.rpSelected:hover
{
	background-position: 0 -400px;
}

.RadPanelBar_Default .rpFirst a.rpLink,
.RadPanelBar_Default .rpFirst div.rpHeaderTemplate,
.RadPanelBar_Default li.rpFirst .rpExpanded
{
	background-position: 0 -1px;
}

.RadPanelBar_Default li.rpFirst .rpFocused,
.RadPanelBar_Default .rpFirst a.rpLink:hover
{
	background-position: 0 -201px;
}

.RadPanelBar_Default li.rpFirst .rpSelected,
.RadPanelBar_Default .rpFirst a.rpSelected:hover
{
	background-position: 0 -401px;
}

/* <root items (disabled)> */
.RadPanelBar_Default a.rpDisabled:hover
{
	cursor: default;
}

.RadPanelBar_Default a.rpDisabled,
.RadPanelBar_Default div.rpDisabled,
.RadPanelBar_Default a.rpDisabled:hover,
.RadPanelBar_Default a.rpDisabled:hover .rpOut
{
	background-position: 0 0;
}
/* </root items (disabled)> */

/*      <expand arrows> */
.RadPanelBar_Default .rpExpandable span.rpExpandHandle,
.RadPanelBar_Default .rpExpanded span.rpExpandHandle
{
	background-color: transparent;
	background-image: url('PanelBar/Expandable.png');
	background-repeat: no-repeat;
}

.RadPanelBar_Default_rtl .rpGroup .rpText
{
	padding: 0 10px;
}

.RadPanelBar_Default .rpExpandable span.rpExpandHandle,
.RadPanelBar_Default a.rpExpandable:hover .rpNavigation .rpExpandHandle { background-position: 0 -5px; }
.RadPanelBar_Default a.rpExpandable:hover .rpExpandHandle,
.RadPanelBar_Default a.rpExpandable:hover .rpNavigation .rpExpandHandleHovered { background-position: 100% -5px; }
.RadPanelBar_Default .rpExpanded span.rpExpandHandle,
.RadPanelBar_Default a.rpExpanded:hover .rpNavigation .rpExpandHandle { background-position: 0 -181px; }
.RadPanelBar_Default a.rpExpanded:hover .rpExpandHandle,
.RadPanelBar_Default a.rpExpanded:hover .rpNavigation .rpExpandHandleHovered { background-position: 100% -181px; }

.RadPanelBar_Default div.rpExpandable .rpExpandHandleHovered { background-position: 0 -5px; }
.RadPanelBar_Default div.rpExpanded .rpExpandHandleHovered { background-position: 0 -181px; }

/*      </expand arrows> */

.RadPanelBar_Default .rpGroup a.rpLink,
.RadPanelBar_Default .rpGroup div.rpHeaderTemplate,
.RadPanelBar_Default .rpGroup a.rpLink .rpOut { background-position: 0 200px; }

.RadPanelBar_Default .rpGroup a.rpLink:hover,
.RadPanelBar_Default ul.rpGroup .rpFocused { background-position: 100% -22px; }
.RadPanelBar_Default .rpGroup a.rpLink:hover .rpOut,
.RadPanelBar_Default .rpGroup a.rpFocused .rpOut { background-position: 0 0; }

/*      <subitems (selected)> */
.RadPanelBar_Default ul.rpGroup .rpSelected,
.RadPanelBar_Default .rpGroup a.rpSelected:hover { background-position: 100% -222px; background-color: transparent; }
.RadPanelBar_Default .rpGroup a.rpSelected .rpOut,
.RadPanelBar_Default .rpGroup a.rpSelected:hover .rpOut { background-position: 0 -200px; }
/*      </subitems (selected)> */

/*      <subitems (expand arrows)> */
.RadPanelBar_Default ul.rpGroup .rpExpandable .rpExpandHandle,
.RadPanelBar_Default .rpGroup a.rpExpandable:hover .rpNavigation .rpExpandHandle { background-position: 0 -343px; }
.RadPanelBar_Default .rpGroup a.rpExpandable:hover .rpExpandHandle,
.RadPanelBar_Default .rpGroup a.rpExpandable:hover .rpNavigation .rpExpandHandleHovered { background-position: 100% -343px; }
.RadPanelBar_Default ul.rpGroup .rpExpanded .rpExpandHandle,
.RadPanelBar_Default .rpGroup a.rpExpanded:hover .rpNavigation .rpExpandHandle { background-position: 0 -482px; }
.RadPanelBar_Default .rpGroup a.rpExpanded:hover .rpExpandHandle,
.RadPanelBar_Default .rpGroup a.rpExpanded:hover .rpNavigation .rpExpandHandleHovered { background-position: 100% -482px; }

.RadPanelBar_Default .rpGroup div.rpExpandable .rpExpandHandleHovered { background-position: 0 -343px; }
.RadPanelBar_Default .rpGroup div.rpExpanded .rpExpandHandleHovered { background-position: 0 -482px; }
/* </background positioning> */

 .RadTreeView_Metro .rtIn {
    white-space: normal!important;
}